<!-- Main content -->
<section ng-init="getSingle()">
    <form class="row" ng-class="{'submitted': submitted}" ng-submit="save()">
        <section class="col-sm-8 pr-3">
            <tabs-v class="mb-3">
                <pane-v header="Standard">
                    <module-content model="activedData">
                    </module-content>
                </pane-v>
                <pane-v header="Advanced">
                    <module-advanced model="activedData">
                    </module-advanced>
                </pane-v>
            </tabs-v>
        </section>
        <section class="col-sm-4 pl-3">
            <actions preview-url="activedData.detailsUrl" back-url="'/portal/module/list'">
            </actions>

            <cultures is-clone="activedData.isClone" data="activedData.cultures"></cultures>
            <div class="card mb-4">
                <h6 class="card-header position-sticky position-sticky-under-actionbar">
                    Info
                </h6>
                <div class="card-body">

                    <statuses status="activedData.status"></statuses>
                    <div class="form-group" ng-if="activedData.status == 4">
                        <label class="control-label">Published Date Time</label>
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1"><i class="mi mi-Calendar"></i></span>
                            </div>
                            <input value="{{activedData.publishedDateTime}}" ng-model="activedData.publishedDateTime"
                                type="datetime-local" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Created Date Time</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1"><i class="mi mi-Calendar"></i></span>
                            </div>
                            <input ng-model="activedData.createdDateTime" type="text" class="form-control"
                                readonly="readonly">
                        </div>
                    </div>

                    <div class="form-group mb-0">
                        <label class="control-label">Author</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1"><i class="mi mi-Contact"></i></span>
                            </div>
                            <input ng-model="activedData.createdBy" class="form-control" readonly="readonly">
                        </div>
                    </div>

                </div>
            </div>

            <modal-nav-metas ng-if="activedData.sysCategories" header="'Categories'" parent-id="activedData.id"
                parent-type="'4'" type="''" attribute-set-name="'sys_category'" field-display="'title'"
                selected-list="activedData.sysCategories"></modal-nav-metas>
            <modal-nav-metas ng-if="activedData.sysTags" header="'Tags'" parent-id="activedData.id" parent-type="'4'"
                type="''" attribute-set-name="'sys_tag'" field-display="'title'" selected-list="activedData.sysTags">
            </modal-nav-metas>

            <tabs-v ng-if="activedData" select-callback="selectPane(pane)" class="mb-4">
                <pane-v header="Feature Img">
                    <custom-image header="'Feature upload'" type="'Modules'" folder="activedData.seoName"
                        src-url="activedData.image" title="activedData.title" description="activedData.description"
                        src="activedData.image" auto="'true'">
                    </custom-image>
                </pane-v>
                <pane-v header="Thumbnail Img">
                    <custom-image header="'Thumnail upload'" type="'Modules'" folder="activedData.seoName"
                        title="activedData.title" description="activedData.description" src-url="activedData.thumbnail"
                        src="activedData.thumbnail" auto="'true'">
                    </custom-image>
                </pane-v>
            </tabs-v>



        </section>
    </form>
</section>
<!-- /.content -->